// 调整分隔条样式
$SPLIT_SIZE: 6px;
$SPLIT_COLOR: rgba($primary, 0.4);
.q-splitter {
  &__separator-area {
    &:hover,
    .q-splitter--active > div > & {
      background-color: $SPLIT_COLOR;
    }
  }
  &--vertical > &__separator > &__separator-area {
    left: -$SPLIT_SIZE / 2;
    right: -$SPLIT_SIZE / 2;
  }
  &--horizontal > &__separator > &__separator-area {
    top: -$SPLIT_SIZE / 2;
    bottom: -$SPLIT_SIZE / 2;
  }
}

// 调整侧滑栏样式
.q-drawer__backdrop {
  opacity: 0.3;
}
.q-drawer__resizer {
  > .q-splitter__separator > .q-splitter__separator-area {
    left: -$SPLIT_SIZE;
    right: -$SPLIT_SIZE;
  }
}
